/*  
Theme Name: Apple4us
Theme URI: http://apple4.us/theme
Description: Apple4us' default theme.
Author: apple4us
Author URI: http://apple4.us/
Version: 0.1.0
*/

/* Resets */
html,
body,
div,
ul,
ol,
li,
dl,
dt,
dd,
form,
fieldset,
input,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
pre,
p,
blockquote,
hr,
th,
td {
	margin: 0;
	padding: 0;
}
address,
caption,
cite,
code,
dfn,
em,
h1,
h2,
h3,
h4,
h5,
h6,
i,
input,
s,
select,
textarea,
th,
u,
var {
  font-size: 100%;
  font-style:normal;
}
table {
  border-spacing: 0;
}
fieldset,
img,
abbr,
acronym {
  border: 0;
}
caption,
th {
  text-align: left;
}

/* General */
body {
  font-family:  "Lucida Grande", helvetica, arial, sans-serif;
  font-size: 75%;
  color: #333;
  background-color: #fff;
  line-height: 1.6;
}
code, pre {
	background: #eee;
	font-family: "Lucida Console", "Courier New", courier, monospace;
	padding: .5em;
}
a {
  text-decoration: none;
  outline: none;
  color: #39f;
  -webkit-transition: color 0.1s linear;
}
a:hover {
  color: #f90;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin: 10px 0;
}

/* Forms */
input[type="text"],
textarea {
	border: 1px solid #999;
	color: #333;
	outline-color: #9ce;
	padding: 4px;
	-webkit-border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25);
	-webkit-transition: outline 0.1s linear;
}
input.a4u-text:focus,
text-area:focus {
  border-color: #69b;
}
textarea {
	height: 90px;
  width: 400px;
}
form p {
  padding-bottom: .25em;
}
/* Layout */
.a4u-doc {
  text-align: center;
}
.a4u-section {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 900px;
}
.a4u-main {
  border: #ccc solid 1px;
  margin: 20px auto;
  padding: 20px;
  -webkit-border-radius: 20px;
}
.a4u-content {
  border-right: #ccc solid 1px;
  float: left;
  overflow: hidden;
  padding-top: 1px;
  padding-right: 20px;
  width: 519px;
}
.a4u-sidebars {
  float: right;
  overflow: hidden;
  width: 360px;
}
.a4u-sidebar {
  float: left;
  overflow: hidden;
  width: 160px;
  padding-left: 20px;
  padding-top: 10px;
}

/* Header */
.a4u-header {
  background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#555)) #666;
  height: 48px;
  -webkit-box-shadow: 0 0 4px #000;
}
.a4u-header .a4u-section {
  height: 100%;
}
.a4u-header a,
.a4u-header a:visited,
.a4u-header a:hover,
.a4u-header a:active {
  color: #fff;
}
.a4u-header h1 {
  background: url(static/logo.png);
  height: 24px;
  left: 0;
  padding: 0;
  position: absolute;
  top: 10px;
  width: 96px;
}
.a4u-header h1 a {
  display: block;
  height: 100%;
  outline: none;
  text-indent: -2010px;
  width: 100%;
}
.a4u-search {
  position: absolute;
  right: 0;
  top: 15px;
  width: 175px;
  height: 20px;
}
input.a4u-search-input {
  border: none;
  height: 20px;
  outline: none;
  padding: 0 5px 0 22px;
  position: absolute;
  width: 143px;
  -webkit-border-radius: 10px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25);
}
input.a4u-search-input:focus {
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25), 0 0 5px #000;
}
.a4u-search-button {
  background: url(static/search.png) no-repeat 0% 0%;
  border: 0;
  cursor: pointer;
  height: 13px;
  left: 5px;
  margin: 0px;
  padding: 0;
  position: absolute;
  text-indent: -9999px;
  top: 3px;
  width: 13px
}
/* Content */
.a4u-entry {
  margin-bottom: 30px;
  overflow: hidden;
  width: 100%;
}
.a4u-entry-header {
  margin-bottom: 10px;
  padding-left: 42px;
  position: relative; 
}
.a4u-entry-header h2 {
  border-bottom: #ccc solid 1px;
  font-size: 133%;
  padding-bottom: 0;
}
.a4u-entry-header h2 a {
  color: #06c;
}
.a4u-entry-header h2 a:hover {
  color: #f90;
}
.a4u-entry-date {
  border-right: 1px solid #ddd;
  height: 36px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 36px;
}
.a4u-entry-day {
  color: #ccc;
  font-size: 150%;
  font-weight: bold;
  height: 1.33em;
  line-height: 1.33;
  padding-top: 1px;
}
.a4u-entry-month{
  color: #999;
  font-size: 11px;
  margin: 4px 0 0;
}
.a4u-entry-meta {
  font-size: 92%;
}
.a4u-entry-content {
  font-size: 117%;
  line-height: 1.6;
}
.a4u-entry-content a {
  color: #18f;
  -webkit-transition: text-decoration 0.1s linear;
}
.a4u-entry-content a:hover {
  text-decoration: underline;
}
.a4u-entry-content a img {
  border: #ccc solid 1px;
  padding: 2px;
  -webkit-transition: border-color 0.1s linear;
}
.a4u-entry-content a:hover img {
  border-color: #06c;
}
.a4u-entry-content h3,
.a4u-entry-content h4,
.a4u-entry-content h5,
.a4u-entry-content h6,
.a4u-entry-content p,
.a4u-entry-content blockquote,
.a4u-entry-content fieldset,
.a4u-entry-content ul,
.a4u-entry-content ol,
.a4u-entry-content dl {
  margin: 0;
  padding-bottom: .75em;
}
.a4u-entry-content blockquote {
  background-color: #fbfbf9;
  border-color: #ddd;
  border-style: solid;
  border-width: 1px 1px 1px 5px;
  margin: 15px 30px 0 10px;
  padding-left: 10px;
}
.a4u-entry-content h3 {
	font-size: 133%;
}
.a4u-entry-content h4,
.a4u-entry-content h5,
.a4u-entry-content h6 {
  font-size: 100%;
}
.a4u-entry-content u {
  background: #f2f2f2;
  color: #333;
  display: block;
  padding: 10px;
  text-decoration: none;
}

/* Sidebar */
.a4u-sidebar,
.a4u-sidebar a {
  color: #666;
  -webkit-transition: color 0.1s linear;
}
.a4u-sidebar h3 {
  background: #eee;
  display: block;
  font-size: 117%;
  margin-bottom: 5px;
  padding: 0 2px;
  -webkit-border-radius: 4px;
}
.a4u-sidebar ul,
.a4u-sidebar ol,
.a4u-sidebar li {
  list-style: none;
}
.a4u-sidebar ul li {
  -webkit-transition: background 0.1s linear;
}
.a4u-sidebar ul li:hover {
  background-color: #f2f2f2;
  color: #000;
}
.a4u-sidebar ul li:hover a {
  color: #06c;
}
.a4u-sidebar ul li {
  border-top: #ccc solid 1px;
  cursor: default;
  padding: 4px 5px;
}
.a4u-sidebar ul li:first-child {
  border-top: none;
}
.a4u-sidebar ul li .entry-content,
.a4u-sidebar ul li .entry-meta {
  display: block;
}
.a4u-sidebar ul li .entry-meta {
  font-size: 92%;
}
.a4u-sidebar .a4u-widget {
  margin-bottom: 20px;
}
/* Comments */
.a4u-comments {
  margin-bottom: 20px;
}
.a4u-comment {
  padding-left: 50px;
  position: relative;
}
.a4u-comment .a4u-avatar {
  left: 0;
  position: absolute;
  top: 0;
}
.a4u-comment-content {
  background: #e1f1ff;
  padding: 5px;
}
.a4u-comment-content p {
  padding: 0;
}
.a4u-comment-meta {
  color: #333;
}

/* Hacks*/
.a4u-widget .entry-content a,
.a4u-widget .entry-meta a {
  color: #333;
}
.a4u-about {
  padding: 0;
}
.a4u-about ol {
  border: #ccc solid 1px;
  margin-bottom: 20px;
  padding: 0;
  -webkit-border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}
.a4u-about ol li {
  border-top: #ccc solid 1px;
  opacity: .75;
  -webkit-transition: opacity 0.1s linear;
}
.a4u-about ol li:hover {
  opacity: 1;
}
.a4u-about ol li a {
  display: block;
  height: 100%;
  outline: none;
  text-indent: -2012px;
}
.a4u-about ol li:first-child {
  border-top: none;
  -webkit-border-radius: 3px 3px 0 0;
}
.a4u-about ol li:last-child {
  -webkit-border-radius: 0 0 3px 3px;
}
.comment-author-gravatar {
  float: left;
  height: 32px;
  width: 32px;
  margin: 0 5px 5px 0;
}
.comment-meta,
.comment-post-title,
.comment-text {
  display: block;
}
.comment-post-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-author,
.comment-post-title {
  color: #333;
}
ul li.recent-comment:hover a {
  color: #666;
}
ul li.recent-comment:hover a .comment-author,
ul li.recent-comment:hover a .comment-post-title {
  color: #06c;
}
/* Footer */
.a4u-footer {
  padding-bottom: 2em;
}
/* Editorial content */
.a4u-about ol li {
  background: url(static/editorial.png) top center no-repeat;
}
.a4u-about .a4u-feed {
  background-position: center 0;
  height: 66px;
}
.a4u-about .a4u-email {
  background-position: center -66px;
  height: 28px;
}
.a4u-about .a4u-ads-dacode {
  background-position: center -94px;
  height: 178px;
}
.a4u-about .a4u-ads-dacodestore {
  background-position: center -272px;
  height: 27px;
}
.a4u-about .a4u-special-future-of-reading {
  background-position: center -299px;
  height: 59px;
}
.a4u-about .a4u-special-setup {
  background-position: center -358px;
  height: 59px;
}
.a4u-about .a4u-special-revolution {
  background-position: center -417px;
  height: 59px;
}
.a4u-about .a4u-special-dev {
  background-position: center -476px;
  height: 59px;
}